<template>
    <div class="father1">
        <!-- 1、:xxx="yyy" slot组件向父组件传递数据★ -->
        <!-- <slot name="lxySlot" :dataAlternates="alternates" bigTitle="alternates">默认title</slot> -->
        <slot :dataAlternates="alternates" bigTitle="alternates">默认title</slot>
    </div>
</template>
<script setup lang="ts">
import {ref, reactive} from 'vue'

let alternates = reactive([
    {id:"1",title:"watch douyin"},
    {id:"2",title:"take a walk"},
    {id:"3",title:"chat"},
    {id:"4",title:"daydream"},
])

</script>
<style scoped>
.father1{
    margin: 10px;
    width: 15vw;
    height: 30vh;
    background-color: rgb(65, 237, 56);
}

</style>
